// components/time_select/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },
  options:{multipleSlots: true},

  /**
   * 组件的初始数据
   */
  data: {
    index: 0,
    multiArray: [
      ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00'],
      ['01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00']
    ], //两个时间段
    multiIndex: [0, 0], //默认值
  },

  /**
   * 组件的方法列表
   */
  methods: {
    //时间段选择
    bindMultiPickerChange: function (e) {
      console.log('picker发送选择改变，携带值为', e.detail.value)
      console.log(e.detail.value[0]); //获取第一个列改变的值
      console.log(e.detail.value[1]); //获取第二个列改变的值.
      if (e.detail.value[0] <= e.detail.value[1]) { //如果第一列的值小于等于第二列的值
        this.setData({
          multiIndex: e.detail.value //输出时间段
        })
        this.triggerEvent('change_work_times',this.data.multiArray[0][this.data.multiIndex[0]]+'-'+this.data.multiArray[1][this.data.multiIndex[1]]) 
      } else { //否则提示
        wx.showToast({
          title: '请选择正确的时间段！',
          mask: true,
          icon: 'none',
        })
      }
    },

    bindMultiPickerColumnChange: function (e) {
      // console.log('修改的列为', e.detail.column, '，值为', e.detail.value);
      // 知道修改的列以后，就可以通过修改multiIndex中对应元素的值，然后再修改multiArray
    },
  }
})